<template>
	<view>
		<sunMenu></sunMenu>
	</view>
</template>

<script>
	import sunMenu from '../../components/sun-menu/sun-menu.vue'
	export default {
		components: {
			sunMenu
		},
		data() {
			return {
				isActive: true
			}
		},
		computed: {
			computedStyles() {
				return {
					display: this.isActive ? 'block' : 'none'
				}
			}
		},
		methods: {

		}
	}
</script>

<style scoped lang="scss">
	.navbar {
		padding: 24rpx;
		background-color: $uni-color-primary;
		height: 120rpx;
		display: flex;
		justify-content: flex-end;
	}

	.menu {
		background-color: #fff;
		padding: 28rpx;
	}

	.title {
		background-color: #5a9892;
		padding: 24rpx;
		margin-bottom: 24rpx;
		border-radius: 12rpx;
		color: #fff;
	}
</style>